import Header from "./Header/Header";
import List from "./List/List"
import { useState } from 'react';
import ContextTodo, { state } from "./store/contextTodo"

import './centre.scss'
const Centre = () => {
    const [todo, setTodo] = useState(state)
    console.log(1111, todo)


    const updateList = (item) => {
        let objTodo = { ...todo }
        objTodo.todoList.push(item)
        setTodo(objTodo)
    }


    // 优先级排序
    // const compare = function (x, y) {
    //     if (x.priority < y.priority) {
    //         return -1;
    //     } else if (x.priority > y.priority) {
    //         return 1;
    //     } else {
    //         return 0;
    //     }
    // };

    const del = (index) => {
        console.log(777, index, todo)
        setTodo(() => {
            return { todoList: todo.todoList.filter((i, x) => x !== index) }
        })
    }



    return (<>
        <div className="box">
            <ContextTodo.Provider value={{ ...todo, updateList, del }}>
                <Header />
                <List />
            </ContextTodo.Provider>
        </div>
    </>)
}

export default Centre
